@import url("https://www.confcommerciomilano.it/system/modules/it.unionemilano/resources/style/5-colonne.css");

body{
	/*border-top:4px solid #96ab6c;*/
}

#headerissimo{
	background-color:#96ab6c;
}

.dida > div{
	border-top: 1px solid #A0CAA3 !important;
}
.pageAssociazione #header,
#header{
	height:110px;
}
#header #nav{
	top:78px;
}
#expo{
	top:24px;
}
#eventoText{
	font-size:20px;
	position:absolute;
	left:211px;
	top:47px;
	text-transform:uppercase;
	width:246px;
	color:#0b5594;
	overflow:inherit
}
#evento{
	border-top:1px solid #8db0cc;
	position:absolute;
	top:50px;
	left:462px;
	color:#0b5594;
}
#evento .countdown{
	display:inline-block;
	font-weight:bold;
	font-size:23px;
	border-right:1px solid #8db0cc;
	padding:5px;
}
#evento .toevent{
	display:inline-block;
	padding:10px;
	font-size:14px;
}



.soci{
	height:237px;
	display:block !important;
}
.box.soci img{
	height:252px !important;
	margin-bottom:5px;
}




#notizieHome h3{
    padding: 3px 0 0 0;
    height: 23px;
    text-indent: -9999px;
    background: url(../img/flashnews.gif) 15px center no-repeat;
    width: 150px;
}
#notizieHome .scrolling ul li{
	padding:6px 10px 6px 10px;
}




.newsUnio .text{
	background-color:#00457e !important;
	font-size:13px !important;
	width:208px;
	padding-left:15px;
}

.newsUnio .text h3{
	height:10px;
	margin: 0px 6px 11px 0px;
    width: 203px;
	background: url(../img/news_confcommercio.gif) left top no-repeat;
	text-indent:-9999px;
}
.newscroll .scrolling{
	height:80px;
	width:252px;
	overflow:hidden;
	position:relative;
	margin-top:10px;
}
.newscroll .scrolling li{
	padding: 6px 6px 6px 0;
}

#subnav a{
	padding:3px;
}
#subnav{
	margin-bottom:15px;
}
#subnav a{
	color:#000;
}

.zero .square {
    background-color: #96ab6c;
}

#subnav > ul a{
	font-weight:bold;
}

#leftcol .box{
	color:#a4c3df;
	font-size:70%;
	background-image:none;
	max-height:999px !important;

}
#leftcol .box .text{
	height:auto !important;
}
#leftcol .box h3{
	color:#FFF;
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:12px;
}

#leftcol .twitter{
	background-color:transparent;
	border:0px;
	box-shadow:0px 0px 0px 0px;
}
#leftcol .twitter .text{
	padding:0px;
}


.mainAssImg{
	background-color:transparent;
	color:#FFF;
}
.mainAssImg a{
	color:#FFF;
}
.mainAssImg ul{
	margin:0px;
	padding:0px;
}
.mainAssImg li{
	margin:0px;
	padding:0px;
	position:absolute;
	background-color:#96ab6c;
}
.mainAssImg .dida{
	position:absolute;
	left:0px;
	top:0px;
	width:150px;
	padding:30px 10px 10px 10px;
	background-color:#96ab6c;
	height:200px;
}
.box.double.mainAssImg img,
.mainAssImg img{
	position:relative;
	float:right;
	display:block !important;
	width:484px !important;
	height:255px !important;
}
.roundindex{
	position:absolute;
	z-index:9;
	right:325px;
	top:10px;
}
.roundindex a{
	display:inline-block;
	width:10px;
	height:10px;
	background-color:#FFF;
	text-indent:-9999px;
	/*border-radius:5px;*/
	margin-left:3px;
}
.roundindex a{
	opacity:.5;
}
.roundindex a.on{
	opacity:1
}
.mainAssImg h3{
	border-top: 1px solid #74B179;
	border-bottom: 1px solid #74B179;
	padding: 5px 0 5px 0;
	margin-bottom:10px;
}
.mainAssImg h4{
	font-weight:normal;
	border-bottom: 1px solid #74B179;
	padding-bottom:5px;
}
#logoasseprim{
    margin-top: 10px;
	padding-left:2px;
}
.continua{
	position:absolute;
	width:120px;
	bottom:10px;
	left:0px;
	padding-top:10px;
	border-top: 1px solid #74B179;
	margin:10px;
	background:url(../img/occhio_verde.gif) 0px 6px no-repeat;
	padding-left:30px;
	text-transform:uppercase;
	text-decoration:underline;
}

.soci{
	background-color:#f4f4f4;
	width:238px;
	height:252px;
	border-color:#f4f4f4;
}
.soci h3{
	color:#FFF;
	margin:15px 15px 15px 15px;
	font-size:12px;
	text-transform:uppercase;
}
.soci .news{
	display:block;
	color:#FFF;
	padding:10px 15px 10px 15px;
}
.mainAssImg .savethedate{
	position:static;
	top:auto;
	right:auto;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:5px;
}
.mainAssImg .ace_dd{
	bottom:0px;
}

.mainAssImg .text,
#leftcol .box .text{
	color:#FFF;
}
.box .text{
	color:#96ab6c;
}
.box .text .triangolino{
	background-image:url(../img/triangolino_verde.png);
}
.box .tags{
	background:url(../img/tags_verde.png) left 5px no-repeat;
	border-top:1px solid #c7c7c7;
}
.box .tags a{
	color:#96ab6c;
}

#rightcol{
	position:relative;
}
body.zero #contenuto h1.titlepage{
	color:#96ab6c;
}
#interna #contenuto{
	margin-right:255px;
}
#interna #masonry{
	width:520px;
}
#colonnaDestra{
	position:absolute;
	right:0px;
	top:0px;
	width:238px;
	margin-right:10px;
}
#colonnaDestra .text a{
	color:#ad363a;
}
#colonnaDestra .text ul{
	margin:10px 0 0 0;
	padding:0px;
}
#colonnaDestra .text li{
	margin:0px 0px 5px 0px;
	padding:0px;
	list-style:none;
	padding-left:20px;
}
#colonnaDestra .text li.tel{	background:url(../img/ico_bordeaux_telefono.gif) left top no-repeat;	}
#colonnaDestra .text li.mail{	background:url(../img/ico_bordeaux_mail.gif) left top no-repeat;	}
#colonnaDestra .text li.fax{	background:url(../img/ico_bordeaux_fax.gif) left top no-repeat;	}
#colonnaDestra .text li.www{	background:url(../img/ico_bordeaux_www.gif) left top no-repeat;	}
#colonnaDestra .text li.orari{	background:url(../img/ico_bordeaux_orari.gif) left top no-repeat;	}

#colonnaDestra .text .social{
	padding-bottom:20px;
	margin-top:20px;
}
#colonnaDestra .text .social li{
	padding:0px;
}
#colonnaDestra .text .social a{
	background:url(../img/ico_rect_social.gif) left top no-repeat;
	display:block;
	width:23px;
	height:23px;
	float:left;
	text-indent:-9999px;	
}
#colonnaDestra .text .social a.fb{	background-position:0px 0px}
#colonnaDestra .text .social a.pinterest{	background-position:-28px 0px}
#colonnaDestra .text .social a.youtube{	background-position:-56px 0px}
#colonnaDestra .text .social a.linkedin{	background-position:-85px 0px}
#colonnaDestra .text .social a.google{	background-position:-113px 0px}

#gmapAssContainer{
	background-color:#ebf4f1;
}
#gmapAssContainer .text{
	padding:15px;
}
.gmapExpand{
	display:none !important;
}


#masonry .eventiAsseprim:hover .text{
	text-decoration:none;
	cursor:default;
} 
.eventiAsseprim .text{
	background-color:#96ab6c !important;
	padding-left:15px;
	width:208px;
}
.eventiAsseprim .text h3{
	font-size:13px;
	text-transform:uppercase;
}
.eventiAsseprim .text ul{
	margin:0px;
	padding:0px;
}
.eventiAsseprim .text li{
	list-style:none;
	margin:10px 0px 5px 0;
	padding:0px;
	width:210px;
	height:75px;
	font-size:13px;
	color:#FFF;
}
.eventiAsseprim  .roundindex{
	right:0px;
	top:-25px;
}
.box .text .rispondi,
.box .text .saveDate{
	position:absolute;
	bottom:0px;
	right:0px;
	color:#FFF;
	text-transform:uppercase;
	background:url(../img/asseprim_rispondi.gif) left top no-repeat;
	padding:0px 0 3px 25px;
}
.box .text .saveDate{
	background:url(../img/asseprim_calendario.gif) left top no-repeat;
}

#cercaAziende{
	margin:0px 0 0px 0;
	position:relative;
	height: 84px;
}
#cercaAziende h3{
	color:#96ab6c;
    display: block;
    font-size: 90%;
    padding: 5px 3px;
    text-transform: uppercase;
}
#cercaAziende input,
#cercaAziende select{
	width:170px;
	margin-bottom:8px;
}
#cercaAziende input.invia{
	width:20px;
	margin-left:10px;
	border:0px;
	/*background:url(../img/asseprim_lente.gif) center center no-repeat transparent;*/
	text-transform: capitalize;
	width:60px;
	height:22px;
	cursor:pointer;
	position:absolute;
	right:0px;
	top:24px;
	color:#FFF;
	background-color:#96ab6c;
	text-align:center;
}


.box.testo, .box.testo .text{
	background-color:transparent;
	padding:10px 0 !important;
	height: auto !important;
	color:#333333;
	cursor:default;
	
}
box.testo, .box.testo .text a,
.box.testo, .box.testo .text h3{
	color:#fe620f;
}
.box.testo, .box.testo:hover .text{
	text-decoration:none !important;
}
.gray_box{
	width:454px;
	margin-bottom:10px;
}
#subnav #menu_istituzionale{
	margin-top: 40px;
}
#contentHead{
	clear:both;
}
#sedi table td {
	border-color: transparent;
}

#sedi hr.sep {
	height:3px;
	background-color:#adbed9;
	margin-top:15px;
}
.panneloricerca label{
	display:inline-block;
	width:122px;
	margin-bottom:10px;
}
#topfooter h3{
	text-align:right;
}
#header #lang{
	z-index:999;
}

.aderisce{
    position: absolute;
    right: 390px;
    top: 20px;
}
.aderisce img{
	margin-top:11px;
	height:29px;
}

button.reset{
	background-color:#ECECEC;
	color:#000;
	display:block;
	padding: 10px 15px;
	border-radius: 5px;
	border:0px solid;
	cursor:pointer;
    display:inline-block;
	margin-right:10px;
	float: right;
    margin-top: 10px;
}


.mobile #rightcol #subnav{
	background-color:#96ab6c !important;
}



@media (max-width: 965px){
	#header #riservataContainer{
		display:none;
	}
	#riservataContainer{
		text-align:center;
	}
	#nav.tmp{
		display:none;
	}
	#header{
		background-image:none;
	}
	#header #lang #navSmallLang{
		display:none !important;
	}
	#header #lang ul{
		margin:7px 70px 0 0;
		display:block !important;
	}
	#header #lang li a{
		color: #00335C;
	}
	#header #lang li a.on {
		border-color: #00335C;
		color: #00335C;
	}
	#linktosearch{
		background-color:#00335C;
	}
	#cercaAziende{
		width:240px;
	}
	#homepage #leftcol{
		width:540px;
	}
	ul.banner{
		float:left;
		margin-right:10px;
	}
	.box.twitter{
		margin-left:0 !important;
	}
	.box.double.mainAssImg img{

		float: none;
		width:100% !important;
	}
	.aderisce{
		position: relative;
		right: auto;
		text-align: center;
		height:100px;
	}
	#header .aderisce img{
		width:auto !important;
		height:35px !important;
	}
}
header img{
	height: auto !important;
    width: auto !important;
}
@media (max-width: 768px){
	#homepage #leftcol{
		width:100%;
	}
	#riservataContainer {
		height: 80px;
		margin: 5px auto 0;
	}
	ul.banner{
		float:none;
		margin-right:0px;
	}
	/*
	#header img{
		width:100% !important;
		height:auto !important;
	}
	*/
	#cercaAziende {
		padding: 0 0 0 10px;
	}
	#leftcol #cercaAziende{
		display:none;
	}
	#leftcol .box{
		background-color:#96ab6c;
	}
	.box.double.mainAssImg img{	
		height:160px !important;
		min-height:160px !important;
		float: none;
		width:100% !important;
	}
	.box.double.mainAssImg{
		height:158px !important;
		min-height:158px !important;
	}
	.mainAssImg .dida {
		background-color: #96ab6c;
		height: 120px;
		left: 0;
		padding: 30px 10px 10px;
		position: absolute;
		top: 175px;
		width: 100%;
	}
	.mainAssImg li{
		width:100%;
	}
	.mainAssImg img{
		margin-left:0px;
	}
	.box.twitter{
		margin-left: auto;
		margin-right: auto;
		width: 95% !important;
		position: static;
		display: block;
		background-color:transparent !important;
	}
	.roundindex{
		left:10px;
		right:auto;
		top:185px;
	}
	#masonry .box.newsUnio.noimg{
		display:none;
	}
	.box.soci img{
		height:auto !important;
	}
}



#search{
	display:block !important;
	height:30px;
}
#search h3{
	position:static;
	background-position:left top;
	width:280px;
}

#footer{
	padding-bottom:120px;
}
#searchForm.opened{
	top:30%;
	z-index:10003;
}
#floatingBottom{
	background-color:#FFF;
	padding-top:10px;
	box-shadow:3px 0 3px #333;
	position:fixed;
	width:100%;
	bottom:0px;
	left:0px;
	z-index:10002;
	height:86px;
}
#crusNav{
	text-align:left;
	margin: 5px auto 0 auto !important;
}
#crusNav ul{
	display:none;
}
#crusNav .ulWrap.opened ul{
	display: block;
}

@media screen and (min-width: 1233px){
	#interna #masonry {
		width: 730px;
	}
	.box.double{
		width:730px !important;
	}
	.box.double .text{
		width:710px !important;
	}
	.mainAssImg .dida{
		width:220px;
	}
	.box.double.mainAssImg img {
		width: 730px !important;
	}
}

#contenuto .socioPage .titlepage{
	margin-bottom:20px;
}
.img-logo{
	float:left;
	margin: 0 12px 12px 0 !important;
	max-width:50%;
}
.sede{
	background-color:#FFF;
	padding:20px;
	margin: 20px 0;
	line-height:160%;
}
.sede h3{
	color:#96ab6c;
}
.indirizzoAss{
	margin-bottom:10px;
}
.location{
	border-top: 1px solid #ccc;
	padding-top:20px;
	margin-top:20px;
}
.location h4{
	font-size: 130%;
    /*color: #96ab6c;*/
    margin-bottom: 10px;
}
.loc-desc{
	margin-top:10px;
}

#contenuto .socioPage ul.galleria{
	margin:20px 0 20px 0;
	padding:0px;
}
#contenuto .socioPage ul.galleria li{
	display:inline;
	list-style:none;
}
#contenuto .socioPage ul.galleria img{
	width:100px;
	height:100px;
}


#footcerca{
	display:none;
}
#ricercapunti{
	display:block;
}
#ricercapunti ul{
	margin:0px;
	padding:0px;
	display:flex;
	flex-wrap: wrap;
	margin-left:-8px;
}
#ricercapunti ul li{
	margin:0px;
	padding:0px;
    background-color: #FFF;
    padding: 20px;
    height: 100px;
	margin-bottom:8px;
	margin-left:8px;
	list-style:none;
	width:201px;
	/*width:284px;*/
}
#ricercapunti ul li a{
	text-decoration:none;
}
.loadingVelina{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgb(0,0,0,.4);
	z-index:11;
	text-indent: -9999px;
}
.loadingVelina:before{
	content: "loading";
	background-color:#FFF;
	width:100px;
	height:100px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 250px;
	text-indent:0;
	display:flex;
	align-items: center;	
	justify-content: center;	
	flex-direction: column;
}


.pannello{
	background-color:#D6E0EB;
	padding:20px;
	margin-bottom:20px;
}
.pannello h3{
	color: #00457D;
	text-transform:uppercase;
	font-size:14px;
}
.pannello fieldset{
	padding:10px 10px 10px 0;
	position:relative;
}
.pannello fieldset select,
.pannello fieldset input{
	width:100%;
}
.cercaLente{
	position: absolute;
    right: 6px;
    top: 13px;
    background: url(/system/modules/it.unionemilano/resources/img/search-small.png) right center no-repeat #FFF;
    border: 0px;
    text-indent: -9999px;
    width: 22px;
	cursor:pointer;
}
.info-box{
	display:flex;
}
.sede .flex,
.info-box .flex{
	margin-bottom: 5px;
}
.sede .flex img,
.info-box .flex img{
	margin-right:4px;
}
.flex{
	display:flex;
}

@media (min-width: 768px){
	.pannello fieldset{
		width:25%;
		display:inline-block;
	}
}