@charset "UTF-8";
/* CSS Document */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

.banner{float: left; width: auto; margin: 3px 0px 0px 111px;}
.banner.bottom{float: left; width: auto; margin: 10px 0px 0px 50px;}
.bloccosocial{margin: 56px 0px 0px 22px; float: left;}
.page-template-page_contatti .bloccosocial{margin: 30px 0 0 0 ;}
.single_social{float: left; width: 30px; height: 30px; margin: 5px 5px 0px 0px; opacity: 1.0;  transition: all 0.5s ease;}
.single_social:hover{opacity: 0.6; }



#nav li ul li a:hover, #nav-desk li a:hover{ color: #000 !important;}

/*------------------PAGE GALLERY------------
--------------------------------------------*/
	
.content .grid li.gallery {
	display: block;
	float: left;
	padding: 0 0 10px 10px;
	width: 33%;
	opacity: 1;
	 transition: all 0.5s ease;
}

.content .grid li.gallery:hover, .content .grid li.cat-project:hover {
	opacity: 0.7;
}
	

.content  .grid li.gallery img, .content  .grid li.cat-project img {
	
		border:none;
}


/*------------------PAGE CATEGORY PROJECT------------
--------------------------------------------*/
	
.content .grid li.cat-project {
	display: block;
	float: left;
	padding: 0 0 10px 10px;
	width: 350px;
	height: 220px;
	opacity: 1;
	 transition: all 0.5s ease;
	margin-bottom: 50px;
	margin-right: 3%
}


.content .grid li.cat-project span.dida { float: right; margin-top: -15px; position: relative; z-index: 999; background:#ffdc00;  width:150px; height: 32px; margin-right: 20px;}
.content .grid li.cat-project span.dida h1{ display:block; font-size:18px; color:#000; line-height:21px; text-align: center; font-weight: 600; height: 32px; width:150px; padding:7px 0 0 0;}
.content .grid li.cat-project span.dida h1:hover{ color: #fff; }
.content .grid li.cat-project span.dida:hover{ background:#000; color: #fff !important;}

	
.ancora_foto{width: 100%; margin-top: 50px; display: block;}
.ancora_foto a#my-repeater-show-more-link{ color: #fff; text-transform: uppercase; text-align: center; padding: 15px 0 0 0; background-color: #000; display: block; text-decoration: none; max-width: 25%; margin: 30px auto; height: 45px; font-size: 16px; line-height: 20px;}
.ancora_foto a#my-repeater-show-more-link:hover{background-color: #ffde00; color: #000}

a.back-home, a.back-news{ margin-top: 5px;}

.content .news .line-news .data-left{ border-top:5px solid #fff !mportant}
.line-news span.one-left, .line-news span.two-left{ background: none !important}
.page-template-page_contatti .bloccosocial{ float: left !important;}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
   .content .grid li.cat-project {

	width: 300px;
	height: 189px;

}
		
		

.bloccosocial{margin: 56px -70px 0 0; ;}		
		
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {	
		
			.ancora_foto a#my-repeater-show-more-link{ max-width: 80% }
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) { 
		
		.ancora_foto a#my-repeater-show-more-link{ max-width: 90% }


	}